<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>账户中心</title>
		<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.min.css">
		
		<style type="text/css">
			*{
				margin: 0rem;
				padding: 0rem;
				text-decoration: none;
				list-style: none;
				
			}
			html,body{
				background-color: #fff;
				width: 100%;
				height: 100%;
				 /*font-size:  100rem;*/
				 font-size: calc(100vw / 7.5);
				 font-family: "microsoft yahei";
			}
			
			.wrapper-content{
				box-sizing: border-box;
				width: 100%;
				padding: 0rem 0rem 0rem 0.3rem;
				font-size:0.28rem ;

			}
			.wrapper-content ul{
				display: flex;
				width: 100%;
				height: 1.1rem;
				line-height: 1.1rem;	
			}
			.wrapper-content ul li{
				line-height: inherit;
				height: 100%;
				border-bottom: 0.01rem solid #e0f0f0;
			}
			.wrapper-content ul li:nth-of-type(1){
				flex: 2;
				color: #333;
			}
			.wrapper-content ul li:nth-of-type(2){
				flex: 7.2;
				text-align: right;
				color: #9a9a9a;
				padding-right: 0.25rem;
			}
			
			.wrapper-content ul li:nth-of-type(3){
				flex: 0.8;
				color: #9a9a9a;
			}
			.wrapper-content ul li:nth-of-type(3) img{
				width: 0.2rem;
				height:0.28rem;
				transform: translateY(20%);
			}

			</style>
		<script src="../js/jquery.min.js"></script>
	</head>

	<body>
		<script>
			$(function(){
				$("#wrapper").load("../header.html")
				
			})
			setTimeout(function(){
				$("#wrapper").find(".con").html("账户中心").end().find(".dot img").css("display","none");
				$(".arrow").on("tap",function(){
				window.location.href = "./index.html";
			})
			},200)
			setTimeout(function(){
				$("#wrapper").find(".con").html("账户中心").end().find(".dot img").css("display","none");
				$(".arrow").on("tap",function(){
				window.location.href = "./index.html";
			})
			},2000)
			
		</script>
		<div class="wrapper" id="wrapper"></div>
		<!--内容-->
		
		<div class="wrapper-content">
			<ul class="zhifu">
				<li>支付信息</li>
				<li>查看</li>
				<li>
					<img src="../img/right-arrow.png" alt="">
				</li>
			</ul>
			
			<ul class="zijin">
				<li>资金账户</li>
				<li>查看</li>
				<li>
					<img src="../img/right-arrow.png" alt="">
				</li>
			</ul>
			<ul class="chongzhi">
				<li>账户充值</li>
				<li>充值</li>
				<li>
					<img src="../img/right-arrow.png" alt="">
				</li>
			</ul>
			<ul class="tixian">
				<li>账户提现</li>
				<li>提现</li>
				<li>
					<img src="../img/right-arrow.png" alt="">
				</li>
			</ul>
		</div>
				
		
		
	
	
	
		
		<script src="../js/mui.min.js"></script>
		<script>
			$(".zhifu").on("tap",function(){
				window.location.href = "zhifuxinxi.html"
			})
			$(".zijin").on("tap",function(){
				window.location.href = "zijinzhanghu.html"
			})
			$(".chongzhi").on("tap",function(){
				window.location.href = "zhanghuchongzhi.html"
			})
			$(".tixian").on("tap",function(){
				window.location.href = "zhanghutixian.html"
			})
		</script>
	</body>

</html>